<style>
    #mw-head {
        position: absolute;
        top: 0;
        left: 0;
        background-color: lightgray;
    }
    #right-navigation {
        display: inline-block;
        margin-top: 2.5em;
    }
    .vector-menu-tabs-legacy {
        float: left;
        height: 2.5em;
        padding-left: 1px;
    }
    .vector-menu-tabs-legacy ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .vector-menu-tabs-legacy li {
        background-color: lightblue;
        float: left;
        display: block;
        margin: 0;
        padding: 5px;
        line-height: 1.125em;
        white-space: nowrap;
    }
    .vector-search-box {
        float: left;
        margin-right: 5px;
        margin-left: 5px;
        background-color: lightgreen;
    }
    .vector-search-box-inner {
        width: 200px;
        height: 100%;
    }
    .vector-search-box-input {
        width: 100%;
        height: 30px;
        box-sizing: border-box;
        border: 1px solid #a2a9b1;
        border-radius: 2px;
        padding: 5px;
    }
</style>

<div id="mw-head">
    <div id="right-navigation">
        <nav id="p-views" class="vector-menu-tabs-legacy">
            <ul class="vector-menu-content-list">
                <li id="ca-view" class="mw-list-item">Read</li>
                <li id="ca-view-source" class="mw-list-item">View source</li>
                <li id="ca-history" class="mw-list-item">View history</li>
            </ul>
        </nav>
        <div id="p-search" class="vector-search-box">
            <div id="simpleSearch" class="vector-search-box-inner">
                <div class="vector-search-box-input" id="searchInput"></div>
            </div>
        </div>

    </div>
</div>
